import React from 'react'
import acss from '../css/about.module.css'
import Team from '../components/Team'



const AboutUs = () => {
    return (
        <div className={acss.box}>
            <img src="https://www.brandstar.com.cn/_nuxt/img/bottom-slide.804eea5.jpg" alt="" />
            <div className={acss.about_content}>
                <div className={acss.content_left}>
                    <h2 className={acss.h2}>关于我们</h2>
                    <p>品牌星球是关注美好品牌的数字媒体，内容涵盖品牌的前沿资讯、深度报道、营销案例、创意设计及趋势洞察等，并通过网站、社交媒体、Podcast、 MOOK 等媒介形式与用户互动交流，一同见证美好品牌的发展。</p>
                    <p>品牌星球致力于以国际的视野挖掘驱动美好生活的品牌，更好地将品牌与消费者连接在一起，成为中国品牌创新的重要推动者之一。</p>
                    <p>BrandStar takes a global view of brands and marketing industries and confronts the truths in technology’s disruption of these industries. We connects with audience across web, social media,email,podcasts, MOOK and offline events.We devote to making a positive contribution to development of brand innovation in China.</p>
                </div>
                <div className={acss.fenge}></div>
                <div className={acss.content_right}>
                    <h2 className={acss.title, acss.h2}>联系我们</h2>
                    <div className={acss.ulbox}>
                        <ul>
                            <li>邮箱：info@brandstar.com.cn</li>
                            <li>寻求报道：填写报道需求</li>
                            <li>商务合作：填写合作需求</li>
                            <li>作者招募：了解详情</li>
                        </ul>
                        <ul>
                            <li>
                                <a>
                                    <img src='https://www.brandstar.com.cn/_nuxt/img/colorful-weibo.7a0dd2a.svg' className={acss.hover}></img>
                                    <img src='https://www.brandstar.com.cn/_nuxt/img/gray-weibo.409baf5.svg' className={acss.normal}></img>
                                    <span>@品牌星球</span>
                                </a>
                            </li>
                            <li className={acss.wx}>
                                <a>
                                    <img src='https://www.brandstar.com.cn/_nuxt/img/colorful-wechat.0342d87.svg' className={acss.hover}></img>
                                    <img src='' className={acss.normal}></img>
                                    <span >公众号：「品牌星球」</span>
                                </a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <Team></Team>
        </div>
    )
}

export default AboutUs


// function AboutUs() {
//     const [data, setdata] = useState('');
//     return (
//         <div className={acss.box}>
//             <img src="https://www.brandstar.com.cn/_nuxt/img/bottom-slide.804eea5.jpg" alt="" />
//             <div className={acss.about_content}>
//                 <div className={acss.content_left}>
//                     <h2 className={acss.h2}>关于我们</h2>
//                     <p>品牌星球是关注美好品牌的数字媒体，内容涵盖品牌的前沿资讯、深度报道、营销案例、创意设计及趋势洞察等，并通过网站、社交媒体、Podcast、 MOOK 等媒介形式与用户互动交流，一同见证美好品牌的发展。</p>
//                     <p>品牌星球致力于以国际的视野挖掘驱动美好生活的品牌，更好地将品牌与消费者连接在一起，成为中国品牌创新的重要推动者之一。</p>
//                     <p>BrandStar takes a global view of brands and marketing industries and confronts the truths in technology’s disruption of these industries. We connects with audience across web, social media,email,podcasts, MOOK and offline events.We devote to making a positive contribution to development of brand innovation in China.</p>
//                 </div>
//                 <div className={acss.fenge}></div>
//                 <div className={acss.content_right}>
//                     <h2 className={acss.title, acss.h2}>联系我们</h2>
//                     <div className={acss.ulbox}>
//                         <ul>
//                             <li>邮箱：info@brandstar.com.cn</li>
//                             <li>寻求报道：填写报道需求</li>
//                             <li>商务合作：填写合作需求</li>
//                             <li>作者招募：了解详情</li>
//                         </ul>
//                         <ul>
//                             <li>
//                                 <a>
//                                     <img src='https://www.brandstar.com.cn/_nuxt/img/colorful-weibo.7a0dd2a.svg' className={acss.hover}></img>
//                                     <img src='https://www.brandstar.com.cn/_nuxt/img/gray-weibo.409baf5.svg' className={acss.normal}></img>
//                                     <span>@品牌星球</span>
//                                 </a>
//                             </li>
//                             <li className={acss.wx}>
//                                 <a>
//                                     <img src='https://www.brandstar.com.cn/_nuxt/img/colorful-wechat.0342d87.svg' className={acss.hover}></img>
//                                     <img src='' className={acss.normal}></img>
//                                     <span >公众号：「品牌星球」</span>
//                                 </a></li>
//                         </ul>
//                     </div>
//                 </div>
//             </div>
//             <div className="team">
//                 <h2 className={acss.h2}>团队</h2>
//                 <div className={acss.team_box}>
//                     {data.map((el) => {
//                         <div className={acss.person}>
//                             <img src={el.Mtouxiang} alt="" className={acss.touxiang} />
//                             <p className={acss.Mname}>{el.Mname}</p>
//                             <p className={acss.qianming}>{el.qianming}</p>
//                         </div>
//                     })}
//                 </div>

//             </div>
//         </div>
//     )
// }

// export default AboutUs
